/* input element wrapper
------------------------------------------------ */
.suggestions-wrapper { border: 1px solid #808080; font-family: verdana; font-size: 12px; cursor: pointer; }
/* input element mark-up
------------------------------------------------ */
.suggestions-wrapper .suggestions { border-width: 0px !important; outline: none; overflow: hidden; margin: 2px; cursor: text; word-wrap: break-word; }
/* selected suggestion mark-up
------------------------------------------------ */
.suggestions-wrapper .suggestions button { font-size: 12px; font-weight: normal; margin: 0; padding: 0; border: none; background-color: #DDDDDD; cursor: pointer !important; }
.suggestions-wrapper .suggestions button span { font-size: 12px; background-color: #DDDDDD; }
.suggestions-wrapper .suggestions b { font-size: 12px; font-weight: normal; margin: 0; padding: 0; border: none; background-color: #DDDDDD; cursor: pointer !important; }
/* drop down container and close button
------------------------------------------------ */
.suggestions-wrapper .suggestions-container { position: absolute; border: 1px solid #808080; background-color: #FFFFFF; }
.suggestions-container div { padding: 3px 2px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.suggestions-close-button { position: absolute; }
.suggestions-close-button .x-close-btn-icon { width: 10px; height: 10px; background-image: url("../../images/error-icon.png"); background-repeat: no-repeat; }
/* drop down footer
------------------------------------------------ */
.suggestions-footer { padding: 1px 2px; height: 20px; border-top: 1px solid #808080; cursor: default; }
.suggestions-footer-content { white-space: nowrap; float: right; margin-right: 5px; }
.suggestions-footer-left-nav, .suggestions-footer-right-nav { cursor: pointer; }
.suggestions-footer-info { padding: 0px 5px; font-size: 10px; cursor: text; }
/* drop down item
------------------------------------------------ */
.suggestions-wrapper .selected-item { background-color: yellow; }
.suggestions-wrapper .suggestions-item:hover { background-color: yellow; }
/* CSS hacks / fixes for ie8 and below
 - keeping them separate to keep a track of them.
------------------------------------------------ */
/* button look and feel fix for ie7 */
.suggestions-wrapper .suggestions button { width:auto; overflow:visible; }
/* mailto link fix for ie8 and below */
.suggestions-wrapper .suggestions a { font-size: 12px; color: #000000; text-decoration: none !important; }